草庐IT

iphone - 绘制动画

全部标签

javascript - Canvas lineTo() 在错误的位置绘制 y 坐标

我正在尝试使用ctx.lineTo()在Canvas上绘制一些矩形。他们被画出来了,但是y坐标永远不对。矩形变得太高并且位于y轴上的错误位置。当我逐步使用调试器时,它显示lineTo()方法中的y坐标是正确的,但我创建了一个canvas.click事件来提醒坐标(当我单击左上角时它是正确的,它会提醒(0,0)).单击事件显示y坐标实际上并不在它声明将在lineTo()方法中绘制的位置。然而,x坐标总是正确的。要考虑的一件事是我通过将html附加到带有javascript的元素来创建我的Canvas,并向其中添加我绘制的图像。我重新缩放矩形的坐标,以便将它们适本地放置在Canvas上,C

javascript - 在没有动画的情况下将进度条重置为零(在 Bootstrap 中)

我有多个操作要执行,我正在使用Bootstrap进度条来显示每个操作的进度。每个Action完成后,使用下面的代码行将进度条设置为零$('.progress').attr('样式',"宽度:0%")但是,这个动画是相反的,对于用户来说,应用程序似乎正在撤消之前执行的操作。如何在没有反向动画效果的情况下立即重置进度条? 最佳答案 您可以删除进度条的转换,如thisanswer中所述.notransition{-webkit-transition:none!important;-moz-transition:none!important

javascript - 没有 jQuery 的动画 'show'

我想在我正在处理的这个最新网站上制作一些动画。基本上,我需要一个或两个基于单选按钮集或复选框上的onClick事件的div/段落显示/隐藏(然后,如果单选/检查是值A,则显示div/p,如果是B,则隐藏它)问题是,这就是我想在那个特定网站上进行javascript化的所有内容,所以jQuery看起来有点矫枉过正(即使是缩小版)是否有任何简单[我不能强调这一点]方法来通过vanillajavascript或其他一些最小的库来做到这一点[我通常正在寻找有什么想法吗?谢谢!编辑:感谢大家,我刚刚意识到,虽然我需要做的一些事情可以通过智能html+js完成,但是显示/隐藏正确的div的规则是如

javascript - 同位素中的动画项目大小 : Why is first item wonky?

我正在学习使用Isotope并看到了作者关于如何animateitemsizes的博客文章.我已经为我正在开发的项目实现了它。它由三个垂直列组成。每个项目为196像素x70像素。当您单击某个项目时,它会扩展到402像素x230像素。所有项目都正确调整大小并导致Isotope刷新布局-除了第一个项目。单击第一个项目会导致所有后续列表项目仅在一个垂直列中排列-即使有足够的空间并且项目应该围绕第一个项目排列。单击列表中的任何其他项目都会导致正确的行为。只有第一个是靠不住的。谁能看出是什么原因造成的?这是我的测试用例:http://joshrenaud.com/pd/testcase/test

javascript - 使用 jQuery 动画宽度时出现奇怪的 "shaking"效果(仅在 Chrome 中!)

我在一个简单的代码片段中使用jQuery为li元素的宽度设置动画。我使用hover()作为处理程序,使用.animate()来设置宽度动画。这是我的代码。$('li').each(function(){//storetheoriginalwidthoftheelementinavariablevaroldWidth=$(this).width();$(this).hover(function(){//whenthemouseenterstheelement,animatewidthto900px$(this).animate({width:'900px'},600,'linear')}

javascript - 使用 sketch.js 为移动网页绘制 Canvas 会在触摸时重置

我正在使用sketch.js插件在HTML5Canvas上绘图。虽然它在台式机上运行良好,但在移动浏览器上似乎存在一些问题。问题是,如果我绘制2个不同的形状,我一触摸它,Canvas就会重置为空白。为了完全清楚,我将制作示例:绘制数字“12”将首先绘制“1”,然后当我开始绘制“2”时,Canvas将清除并仅保留数字“2”...$(function(){$('#canvas1').sketch();});就是这样。我想知道是否有一些解决方法来保留各种图纸的历史记录。我愿意接受任何建议,或者想知道您是否发现了类似的问题。 最佳答案 要真

javascript - 如何绘制可以应对非常大数据量的 JavaScript 图表?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion我试过了,但找不到类似的文章,如果我错过了任何文章,我们深表歉意。我正在从事一个基于ASP.NetMVC4的项目。我们需要为大量数据绘制图表(使用AJAX、JavaScript)。例如我们需要绘制具有75,000多个数据点的波形图。到目前为止,我们已经使用JQWidgets实现了解决方案。这过去在我们的初始测试中运行良好,但是当图表显示大量数据时,它们的加载时间仍然很

javascript - 重新启用 touchmove 事件监听器。带有 Phonegap 的 iPhone 应用程序

我的js顶部有以下内容(iScroll插件需要它才能工作)。document.addEventListener('touchmove',function(e){e.preventDefault();},false);在某些页面上,我需要重新启用它,以便正常的iPhone滚动接管(并修复当在页面上使用iscroll时iPhone键盘不会在输入框中弹出的错误)。我不会练习语法。有人知道怎么做吗? 最佳答案 您需要定义一个函数来处理preventDefault行为,如下所示:document.addEventListener('touch

javascript - 使用 JQuery 自定义路径动画

我创建了这个将onTouchEvents点发送到Web服务器的android应用程序,并且我有一个页面通过Ajax获取运动点JSON数据,如下所示:{"data":[{"x":224.28035,"y":235.4906},{"x":263.32916,"y":219.45718},{"x":293.3667,"y":215.44885},.....]}现在我想使用这些数据并使用平滑路径动画在屏幕上制作一个div,类似于flash路径动画,是否有解决此问题的插件?附言:http://weepy.github.com/jquery.path/似乎没有自定义路径动画,或者我可能遗漏了一些东

javascript - 在 google maps api v3 中完成多边形绘制时的处理

在googlemapsapiv3中多边形的绘制似乎是异步的.尝试单击此示例中的“加载”按钮:http://jsfiddle.net/rmXXF/文本“DONE”的写入比绘制网格要快得多!矩形网格的绘制似乎是异步的。我希望在绘制网格后显示文本完成!是否有一些事件处理程序?代码的重要部分在函数action()中:polygons=draw_all_squares(map);//drawgridheredocument.getElementById('status').innerHTML='DONE';//displayed2seconds//beforethegrid!请注意,map“空闲